<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /*
      后台管理系统
      本质 管理数据库
        前台 后台 小程序 移动端 
      vite index。html 在外面
  
      ##项目文件结构
      |-node_modules 依赖包
  |-public  包含会被自动打包到项目根路径的文件夹
      |-favicon.ico  页面标题图标
      |-static/logo.png 应用Logo图片
  |-src
      |-assets  组件中需要使用的公用资源
          |-404_images  404页面的图片
          |-bg.jpg        登陆背景图片
      |-components  公共非路由组件
          |-Breadcrumb 面包屑组件(头部水平方向的层级组件)
          |-Hamburger  用来点击切换左侧菜单导航的图标组件
          |-SvgIcon    svg图标组件
      |-hooks    自定义hook模块
          |-useResize.ts  处理应用在不同屏幕下的适应问题
      |-layout 管理界面整体布局(一级路由)
          |-components  组成整体布局的一些子组件
          |-index.vue  后台管理的整体界面布局组件
      |-router
          |-index.ts  路由器
          |-routes.ts    路由表
      |-stores
          |-interface/index.ts state数据接口
          |-app.js  管理应用相关数据
          |-settings.js  管理设置相关数据
          |-userInfo.js  管理后台登陆用户相关数据
          |-index.js  pinia的store
      |-styles
          |-xxx.scss  项目组件需要使用的一些样式(使用scss)
      |-utils  一些工具函数
          |-get-page-title.js  得到要显示的网页title
          |-token-utils.js  操作登陆用户的token cookie
          |-request.js axios 二次封装的模块
          |-validate.js  检验相关工具函数
      |-views  路由组件文件夹
          |-error/404.vue 404页面 
          |-home  首页
          |-login  登陆
      |-App.vue  应用根组件
      |-main.ts  入口js
      |-permission.ts  使用全局守卫实现路由权限控制的模块
      |-settings.ts  包含应用设置信息的模块
  |-.env 通用的环境配置
  |-.env.development  指定了开发环境的代理服务器前缀路径
  |-.env.production  指定了生产环境的代理服务器前缀路径
  |-.eslintrc.cjs  eslint的检查配置
  |-.gitignore  git的忽略配置
  |-env.d.ts  让TS认知Vue的配置
  |-index.html 唯一的页面
  |-package-lock.json  当前项目依赖的第三方包的精确信息
  |-package.json  当前项目包信息
  |-README.md    git仓库的md文档
  |-shims.d.ts    告诉TS, vue 文件是这种类型
  |-tsconfig.config.json  TS的配置文件
  |-tsconfig.json    TS的配置文件
  |-vite.config.ts  vite相关配置(如: 代理服务器等)
  
  
  
  
  
  
      
      什么是环境变量
      项目启动时 有一个env对象
      有个env属性 属性值是开发 还是生产
       环境变量 eg:  Vue_App_Api = '/dev-api'
      可以通过 process。env。xx 拿到 环境变量
  
      env.ts vite的类型
      
      xxx.dts 类型声明文件 
  
      layout文件夹 布局组件
  
      permission.ts 权限管理mok
      
      token校验
      登录权限校验.....
  
      axios配置
  
      a || b || c 有啥先吃啥
  
      token 过期
      window.location,href  js跳转
      
      写接口
      引入请求工具函数
      设置请求参数类型
      设置请求返回值类型
      请求函数
  
      去main测试 发现请求失败
      去vite.config 配置代理服务器 proxy
  
      解决静态遗留问题
  
  
      #表单校验
      ：model = "数据"
      :rules = "规则"
      :ref = "规则实列"
  
      全局注册 三级联动组件
  
      
  
  
  
  
  
     */

    let a = "1"

    let b = +a
    console.log(typeof(b), "b");

</script>


<!-- <script>
    function fun1() {
        let n = 0;
        function fun2() {
            n++;
            console.log("@" + n);
            return n
        }
        return fun2;
    }
    let res = fun1();
    // 执行12次,fn2中的变量的生命周期变长了，fun2函数中的n被外部使用了
    for (let i = 0; i < 12; i++) {
        console.log(res() + "执行的第" + (i + 1) + "次");
    }
</script> -->




</html>